<%@ include file="/static/include.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html class="no-js">
<head>
  <title>用户注册</title>
  <%@ include file="/static/meta.jsp"%>
</head>
<body>
	<div id="app" class="am-g">
		<div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
			<h2>用户注册</h2>
			<form id="regist_form" class="am-form" action="" method="post" novalidate>	
				<div class="am-form-group am-input-group">
	             <span class="am-input-group-label"><i class="am-icon am-icon-key"></i></span>
	             <input id="username" v-model="username" class="am-form-field am-radius"
	              placeholder="用户账号" type="text" 
	              required minlength="1" data-validation-message="内容不能为空！">
	            </div>
				<div class="am-form-group am-input-group">
	            <span class="am-input-group-label"><i class="am-icon am-icon-user"></i></span>
	            <input id="fullName" v-model="fullName" class="am-form-field am-radius" placeholder="用户姓名"  type="text" required>
	            </div>		
				<div class="am-form-group am-input-group">
	            <span class="am-input-group-label"><i class="am-icon am-icon-lock"></i></span>
	            <input id="password" name="password" class="am-form-field am-radius" v-model="password"
	            placeholder="密码" minlength="3"  v-on:blur="myValidate()" data-validation-message="密码必须为3以上的字符或数字" type="password">
	            </div>
				<div class="am-form-group am-input-group">
	            <span class="am-input-group-label"><i class="am-icon am-icon-lock"></i></span>
	            <input id="repassword" name="repassword" class="am-form-field am-radius" v-model="repassword"
	            placeholder="确认密码" minlength="3"   v-on:blur="myValidate()" data-validation-message="密码必须为3以上的字符或数字" type="password" >
	            </div>
				<div class="am-form-group am-input-group">
	            <span class="am-input-group-label"><i class="am-icon am-icon-envelope"></i></span>
	            <input id="email" name="email" v-model="email" class="am-form-field am-radius" 
	             placeholder="电子邮箱" data-validation-message="请填写有效邮箱地址"  type="email">
	            </div>
			    <div id="error-msg" class="am-alert am-alert-warning" style="display: none" data-am-alert>
			    <button type="button" class="am-close">&times;</button>
                <p id="error-msg-text">消息提示</p>
                </div>
				<input type="button" v-on:click="submit()" value="注 册"  class="am-btn am-btn-success am-btn-block am-radius am-btn-sm am-fl"> 
			</form>
		</div>
	</div>
	
</body>
<script type="text/javascript" src="<%=path%>/inner/regist.js"></script>
</html>